// 封装一个 输入框自动聚焦指令

export default {
  inserted(el) {
    Fn(el);
  },
  update(el) {
    Fn(el);
  },
};

function Fn(el) {
  // el可能是input，或textarea或div
  const tagName = ["INPUT", "TEXTAREA"];
  // 如果el就是input或textarea， 直接调用focus()
  if (tagName.includes(el.tagName)) {
    return el.focus();
  }
  // 如果el不是input或textarea, 进行内部查到
  // 先查找有没有input
  let target = el.querySelector("input");
  // 如果找到了，让input聚焦
  if (target) {
    return target.focus();
  }
  // 在查找有没有textarea
  target = el.querySelector("textarea");
  // 如果找到了，让textarea聚焦
  if (target) {
    return target.focus();
  }
  console.error("没有找到input输入框");
}
